<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>阴影类</title>
		<link href="index.css" type="text/css" rel="stylesheet"/>
		<link href="css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
	</head>
	<body>
		<div class="nav1">
			<img src="images/logo.png" />
			<ul>
				<li><i class="fa fa-paw"></i> 关注我们</li> 
				<li>设计导航</li>
				<li>帮店助手</li>
				<li>最新文章</li>	
				<li class="li01">案例展示</li>
				<li>首页</li>
			</ul>
		</div>
		<div class="section1">
			<div class="section01">
				<h5>Case Presentation</h5>
				<h1>案例展示</h1>
				<h6>优质的服务，对客户的负责是我们永恒的宗旨</h6>
			</div>
			<div class="section02">
				<p>您当前所在位置：首页 > 案例展示</p>
			</div>
		<div class="section03">
			<table width="100%"  cellpadding="5" cellspacing="40">
				<tr>
					<td><img src="images/1.jpg" /></td>
					<td><img src="images/2.jpg" /></td>
					<td><img src="images/3.jpg" /></td>
					<td><img src="images/4.jpg" /></td>
				</tr>
				<tr>
					<td><img src="images/5.jpg" /></td>
					<td><img src="images/6.png" /></td>
					<td><img src="images/7.jpg" /></td>
					<td><img src="images/8.jpg" /></td>
				</tr>
			</table>
		</div>
		<div class="section04">
			<a href="#" class="home"><<</a>
			<a href="#" class="prev"><</a>
			<a href="#" class="on num">1</a>
			<a href="#" class="num">2</a>
			<a href="#" class="next">></a>
			<a href="#" class="last">>></a>
		</div>
		</div>
		<div class="section2">
		<div class="left">
			<img src="images/foot.png" width="200px" style="margin-left: 80px;"/>
			<hr color="#00ACDA" size="1"/>
			<p><i class="fa fa-volume-control-phone"></i>&nbsp;&nbsp;13065018050 (业务咨询)</p>
			<p><i class="fa fa-github-alt"></i>&nbsp;&nbsp;513894357</p>
			<h6>Connect With Us</h6>
			<div class="img1">
				<img src="images/weibo.png" />
			<img src="images/tao.png" />
			<img src="images/qq2.png" />
			</div>
			</div>
			<div class="center">
				<h6>网站地图</h6>
				<p>首页 | Home</p>
				<p>论坛 | Forum</p>
				<p>案例展示 | Case Presentation</p>
				<p>帮店助手 | Assistant</p>
				<p>快课教育 | Education</p>
			</div>
			<div class="right">
				<h6>关注我们</h6>
				<img src="images/weixin.png" />
				<img src="images/zcool.png" />
				<p>微信公众号&nbsp;&nbsp;站酷主页</p>
			</div>
		</div>
		<footer class="footer">
			<p>Copyright ? 2010 - 2018 qingnian8.com All Rights Reserved</p>
		</footer>
	</body>
</html>
